<template>
  <view class="home">
    <view class="content">
      <view class="view title">查幽君H5应用隐私保护指引</view>
      <view class="view developer">
        本指引是查幽君H5应用开发者“杭州君睿生物科技有限公司"（以下简称"开发者"）为处理你的个人信息而制定。
      </view>
      <view class="view card">
        <text class="text">一.开发者处理的信息</text>
        <text class="text">
          1.为了实现登录功能，统计区分用户信息，开发者将在获取你的明示同意后，收集你的微信昵称、头像。<br />
          2.为了联系用户提供售后服务，开发者将在获取你的明示同意后，收集你的手机号。
        </text>
      </view>
      <view class="view card">
        <text class="text">二.你的权益</text>
        <text class="text">
          1.关于你的个人信息，你可以通过以下方式与开发者联系，行使查阅、复制、更正、删除等法定权利。
          -邮箱：3594067383@qq.com
        </text>
      </view>
      <view class="view card">
        <text class="text">三.开发者对信息的存储</text>
        <text class="text">
          1.开发者承诺，除法律法规另有规定外，开发者对你的信息的保存期限应当为实现处理目的所必要的最短时间。
        </text>
      </view>
      <view class="view card">
        <text class="text">四.信息的使用规则</text>
        <text class="text">
          1.开发者将会在本指引所明示的用途内使用收集的信息。<br />
          2.如开发者使用你的信息超出本指引目的或合理范围，开发者必须在变更使用目的或范围前，再次以消息方式告知并征得你的明示同意。
        </text>
      </view>
      <view class="view card">
        <text class="text">5.信息对外提供</text>
        <text class="text">
          1.开发者承诺，不会主动共享或转让你的信息至任何第三方，如存在确需共享或转让时，开发者应当直接征得或确认第三方征得你的单独同意。<br />
          2.开发者承诺，不会对外公开披露你的信息，如必须公开披露时，开发者应当向你告知公开披露的目的、披露信息的类型及可能涉及的信息，并征得你的单独同意。
        </text>
      </view>
      <view class="view cardTwo">
        <text class="text">
          6.若你认为开发者未遵守上述约定，或有其他的投诉建议、或未成年人个人信息保护相关问题，可通过以下方式与开发者联系；或者向微信进行投诉。
        </text>
        <text class="text">邮箱：3594067383@qq.com</text>
        <text class="text">更新日期：2023年5月27日</text>
        <text class="text">生效日期：2023年5月27日</text>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
  mounted() {},
  methods: {}
}
</script>

<style lang="scss" scoped>
.home {
  min-height: calc(100vh - 128rpx);
  padding-bottom: calc(40rpx + constant(safe-area-inset-bottom));
  padding-bottom: calc(40rpx + env(safe-area-inset-bottom));
  background: #fff;
  .content {
    display: inline-block;
    width: calc(100% - 64rpx);
    margin-left: 32rpx;
    .view {
      font-size: 30rpx;
      color: #222;
      &.title {
        margin-top: 48rpx;
        font-size: 36rpx;
        font-weight: 700;
        text-align: center;
      }
      &.developer {
        margin-top: 32rpx;
      }
      &.card {
        margin-top: 32rpx;
        .text {
          line-height: 1.5;
          &:nth-child(1) {
            font-size: 32rpx;
            font-weight: 700;
            display: block;
            margin-bottom: 16rpx;
          }
        }
      }
      &.cardTwo {
        line-height: 1.5;
        margin-top: 32rpx;
        uni-text {
          display: block;
          &:nth-child(1) {
            font-size: 32rpx;
            font-weight: 700;
            margin-bottom: 16rpx;
          }
          &:nth-child(3) {
            margin-top: 32rpx;
          }
        }
      }
    }
  }
}
</style>
